<!-- 登录注册 -->
<ion-content class="imgBj">
    <img class="login-bg" src="../../../../assets/img/login/login-bg.png" alt="">
    <div class="skip" (click)="skip()">
        SKIP>
        </div> 
    <!-- <div >  -->
    <div class="login">
        <div class="mailbox loginInput" style=" ">
            <img src="../../../../assets/img/login/youjian.png" alt="">
            <ion-input type="text" [(ngModel)]="signInfo.userPhone" placeholder="Email Address"></ion-input>
        </div>
        <!-- <div class="Invitation loginInput">
                <img src="../../../../assets/img/login/suozi.png" alt="">
                <ion-input inputmode="email" [(ngModel)]="signInfo.code" placeholder="请输入邀请码"></ion-input>
                <div>获取邀请码</div>
            </div> -->
        <div class="password loginInput">
            <img src="../../../../assets/img/login/suozi.png" alt="">
            <ion-input [(ngModel)]="signInfo.userPassword" type="password" placeholder="Password"></ion-input>
        </div>

        <div class="checkbox-psw">
            <ion-checkbox color="dark" [(ngModel)]="storagePsw"></ion-checkbox>
            <span>remember the password</span>
        </div>
        <div class="btn">
            <div class="btnLogin" (click)="login()">Log  in</div>
            <!-- <button  class="btn-login" (click)="login()">  登录</button> -->
            <!-- <div  (click)="aaa()" style="display: block;">
                <img style="    width: 100%;"  src="../../../../assets/img/login/appleid_button1.png" alt="">
             </div> -->
            <div class="btnLogin"  (click)="onGOOGLE()">
                <div style="width: 40%;text-align: center;">  <img  src="../../../../assets/img/login/google-icon.png" alt=""> </div>
               
                <div   style="width: 100%;" >Sing in with Google</div>
            </div>
            <div class="btnLogin" (click)="onFacebook()">
                <div style="width: 40%;text-align: center;">     <img src="../../../../assets/img/login/face.png" alt=""> </div>
            
                <div   style="width: 100%;" >Sing in with Facebook</div>
            </div> 

            <div class="login-bottom">
                <label [routerLink]="['/register']" routerLinkActive="router-link-active" >Sign up </label>
                <span  [routerLink]="['/forget-password']" routerLinkActive="router-link-active" >Forgot password                </span>
            </div>
            <!-- 
            <div class="skip" (click)="skip()">
                跳过>
            </div> -->
        </div>
    </div>

    <!-- </div> -->
</ion-content>